<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/css.css">
    
           
</head>
<body>
    <div class="top">
        <img src="images/logo.png" alt="">
    </div>
    <div class="header">
            <div class=" center container">
                <a href="#">首页</a>
                <a href="#">咨询</a>
                <a href="#">测评</a>
                <a href="#">商城</a>
                <div class="start">
                    <i class="icon"></i>
                    <span class="text first">深圳</span>
                    <span class="text">切换</span>
                </div>
                <div class="end">
                    <span class="icon"></span>
                    <span class="adm">个人中心</span>
                </div>
            </div>
        </div>
        <p class="p1">首页>预防装修污染>材料库</p>
        <div class="navbar">
               
                <table>
                    <thead>
                        <tr>
                            <th colspan="12"></th>
                        </tr>
                    </thead>
                    <tbody >
                        <tr>
                            <th>类别</th>
                            <td>全部</td>
                            <td class="td">地板</td>
                            <td>涂料</td>
                            <td>墙纸</td>
                            <td>瓷砖</td>
                            <td>粘胶剂</td>
                            <td>油漆</td>
                            <td>家具</td>
                            <td>板材</td>
                            <td>饰品</td>
                            <td><img src="images/indexSelect.png" alt=""></td>
                        </tr>
                        <tr>
                            <th>类型</th>
                            <td>全部</td>
                        </tr>
                        <tr>
                            <th>材质</th>
                            <td>全部</td>
                            <td class="td">实木</td>
                            <td>复合</td>
                            <td>强化</td>
                            <td>其他</td>
                        </tr>
                        <tr>
                            <th>品牌</th>
                            <td>全部</td>
                            <td class="td">圣像</td>
                            <td>大自然</td>
                            <td>生活家</td>
                            <td>北美枫情</td>
                            <td>德尔</td>
                            <td>博典</td>
                            <td>船王</td>
                        </tr>
                    </tbody>
                </table>

              
        </div>
        <br>
        <div class="navbar1">
                <table class="table">
                    <thead>
                        <tr>
                            <th colspan="5"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>发布时间<img src="images/downicon.png" alt=""></td>
                            <td>价格<img src="images/upicon.png" alt=""></td>
                            <td>环保节能<img src="images/upicon.png" alt=""></td>
                            <td><input type="text"> <img src="images/search.png" alt=""style="background-color:#FFFFFF;"> <button style="background-color: #FFFFFF">搜索</button></td>
                            <td style="font-weight: blod;color: darkturquoise"><img src="images/wenhao.png" alt="">了解家具医生建材环保评级标准</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <br>

            <!-- 商品信息栏 -->
            <div class="content center">
                    <div class="contentOne row">
                        <div class="one">
                            <div class="one_content center">
                                <img src="images/data_image.png" alt=""/>
                                <p class="p2">德尔 都市系列</p>
                                <p class="p2">木地板 - 复合地板</p>
                                <p class="p2">单价: 128/m²</p>
                                <span class="p3">环保评级:B</span><span class="p2">(可以使用)</span>
                            </div>
                        </div>
                        <div class="one">
                                <div class="one_content center">
                                        <img src="images/data_image.png" alt=""/>
                                        <p class="p4">德尔 都市系列</p>
                                        <p class="p4">木地板 - 复合地板</p>
                                        <p class="p4">单价: 128/m²</p>
                                        <span class="p5">环保评级:B</span><span class="p6">(可以使用)</span>
                                    </div>
                        </div>
                        <div class="one">
                                <div class="one_content center">
                                        <img src="images/data_image.png" alt=""/>
                                        <p class="p4">德尔 都市系列</p>
                                        <p class="p4">木地板 - 复合地板</p>
                                        <p class="p4">单价: 128/m²</p>
                                        <span class="p5">环保评级:B</span><span class="p6">(可以使用)</span>
                                    </div>
                        </div>
                        <div class="one">
                                <div class="one_content center">
                                        <img src="images/data_image.png" alt=""/>
                                        <p class="p4">德尔 都市系列</p>
                                        <p class="p4">木地板 - 复合地板</p>
                                        <p class="p4">单价: 128/m²</p>
                                        <span class="p5">环保评级:B</span><span class="p6">(可以使用)</span>
                                    </div>
                        </div>
                    </div>
                    <br>
                    <div class="contentOne row">
                            <div class="one">
                                    <div class="one_content center">
                                            <img src="images/data_image.png" alt=""/>
                                            <p class="p4">德尔 都市系列</p>
                                            <p class="p4">木地板 - 复合地板</p>
                                            <p class="p4">单价: 128/m²</p>
                                            <span class="p5">环保评级:B</span><span class="p6">(可以使用)</span>
                                        </div>
                            </div>
                            <div class="one">
                                    <div class="one_content center">
                                            <img src="images/data_image.png" alt=""/>
                                            <p class="p4">德尔 都市系列</p>
                                            <p class="p4">木地板 - 复合地板</p>
                                            <p class="p4">单价: 128/m²</p>
                                            <span class="p5">环保评级:B</span><span class="p6">(可以使用)</span>
                                        </div>
                            </div>
                            <div class="one">
                                    <div class="one_content center">
                                            <img src="images/data_image.png" alt=""/>
                                            <p class="p4">德尔 都市系列</p>
                                            <p class="p4">木地板 - 复合地板</p>
                                            <p class="p4">单价: 128/m²</p>
                                            <span class="p5">环保评级:B</span><span class="p6">(可以使用)</span>
                                        </div>
                            </div>
                            <div class="one">
                                    <div class="one_content center">
                                            <img src="images/data_image.png" alt=""/>
                                            <p class="p4">德尔 都市系列</p>
                                            <p class="p4">木地板 - 复合地板</p>
                                            <p class="p4">单价: 128/m²</p>
                                            <span class="p5">环保评级:B</span><span class="p6">(可以使用)</span>
                                        </div>
                            </div>
                            
                        </div>
                </div>
                 <!-- 结束 -->
                <div class="down1">
                  <table class="table1">
                      <thead>
                          <tr>
                              <th colspan="5"></th>
                          </tr>
                      </thead>
                      <tbody>
                          <tr>
                              <td style="background-color:darkgrey">上一页</td>
                              <td>1&nbsp;      <span style="color:  #FF9900; text-decoration: underline; ">2</span>&nbsp;      3&nbsp;      4&nbsp;      5&nbsp;      <td>
                              <td style="background-color: darkgrey">  下一页  </td>
                              <td>共有10页,去第&nbsp;  <span style="border: 1px solid #000000"> &nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;页</td>
                              <td style="background-color:#FF9900">确定</td>
                          </tr>
                          <br>
                         
                      </tbody>
                  </table>
                  <br>
                  <table class="table1">
                        <thead>
                                <tr>
                                    <th colspan="5"></th>
                                </tr>
                            </thead>
                        <tbody>
                        <tr>
                                <td style="width: 88px;" rowspan="3"><img src="images/small_weixin.png" alt=""></td>
                                <td style="text-align: left"  class="p5">建材检测  需求反馈 </td>
                        </tr>
                        <tr>
                                <td style="text-align: left;font-size: 4px;">亲爱的用户,我们正在不断的完善和更新建材库</td>
                        </tr>
                        <tr>
                                <td style="text-align: left;font-size: 4px;">若没有找到您想要的材料信息,请将您想测的建材告诉我们 </td>
                        </tr>
                        </tbody>
                  </table>
                </div>

                <!-- 底部部分 -->
               <div class="onedown">
                   <div style=" padding-left: 238px;"><img src="images/logo.png" alt=""></div>
                   <div class="downtable">
                        
                        <p class="p7">为室内环境健康把好每一关</p>
                        <p class="p7">家居医生致力于中国人的家居健康问题,通过专业的技术研究和测评,倾力协助大众大早绿色,环保的人居生活环境</p>
                    </div>
                    <div >
                            <table class="downtable1">
                                    <thead>
                                        <tr>
                                            <th colspan="3"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>关于我们</td>
                                            <td>版权说明</td>
                                            <td><img src="images/weixin2.png" alt="">官方微信</td>
                                        </tr>
                                        <tr>
                                                <td>联系我们</td>
                                                <td>用户隐私</td>
                                                <td><img src="images/tianmao.png" alt="">天猫旗舰店</td>
                                            </tr>
                                            <tr>
                                                    <td>加入我们</td>
                                                    <td>免责申明</td>
                                                    <td><img src="images/shop.png" alt="">有赞商城</td>
                                                </tr>
                                    </tbody>
                                </table>
                                <hr style="width: 1000px;text-align: center;color: #FFFFFF;">  
                    </div>
                   
                                <div class="left">  深圳建筑科学研究院股份有限公司 &nbsp;     家居医生网</div>
                                <div class="right">  粤ICP备08011321号 © Copyright All Rights Reserved </div>
                    <br>
                    
                    
               </div>

                <!-- <div class="onedown">
                    <span>
                    <table class="downtable">
                        <thead>
                            <tr>
                                <th colspan="2"></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr align="left"  class="downtr"><td style="text-align: left;"><img src="images/footerLogo.png" alt=""></td></tr>
                            <br>
                            <tr>
                                <td style="font-size: 5px;font-weight: bold;text-align: left;color: whitesmoke;">为室内环境健康把好每一关</td>
                                <td class="tdd">关于我们</td>
                                <td>版权说明</td>
                                <td><img src="images/weixin2.png" alt="">官方微信</td>
                            </tr>
                                <tr>
                                <td style="text-align: left;font-size: 4px;color: whitesmoke;">为室内环境健康把好每一关家具医生致力于中国人的家具健康问题,通过专业的技术研究</td>
                                <td>联系我们</td>
                                                            <td>用户隐私</td>
                                                            <td><img src="images/tianmao.png" alt="">天猫旗舰店</td>
                            </tr>
                            <tr>
                                <td style="text-align: left;font-size: 4px;color: whitesmoke;">和评测,倾力协助大众打造绿色,环保的人居生活环境</td>
                                <td>加入我们</td>
                                <td>免责申明</td>
                                <td><img src="images/shop.png" alt="">有赞商城</td>
                            
                            </tr> -->
                           <!--  <tr>
                                    <td><span>
                                            <table class="downtable1">
                                                <thead>
                                                    <tr>
                                                        <th colspan="3"></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>关于我们</td>
                                                        <td>版权说明</td>
                                                        <td><img src="images/weixin2.png" alt="">官方微信</td>
                                                    </tr>
                                                    <tr>
                                                            <td>联系我们</td>
                                                            <td>用户隐私</td>
                                                            <td><img src="images/tianmao.png" alt="">天猫旗舰店</td>
                                                        </tr>
                                                        <tr>
                                                                <td>加入我们</td>
                                                                <td>免责申明</td>
                                                                <td><img src="images/shop.png" alt="">有赞商城</td>
                                                            </tr>
                                                </tbody>
                                            </table>
                                        </span></td>
                            </tr> 
                        </tbody>
                    </table>
                    
                </span>
                   
                </div> -->
               
</body>
</html>